*{
	margin: 0;
	padding: 0;
}
.bigbox{
	/* 设置父盒子为flex容器 ：*/
	display: flex;
	/* A.决定主轴方向：
		1.row:水平方向，从左往右，默认值
		2.row-reverse:水平，从右往左
		3.column:垂直方向，从上往下
		4.column：垂直，从下往上
		*/
	
	/* flex-direction: column-reverse; */
	flex-direction: row;
	/* B.决定项目换行方式：
	 1.nowrap：不换行
	 2.wrap：换行*/
	/* flex-wrap: wrap-reverse; */
	/* 复合写法：
	 flex-flow：row wrap*/
	flex-flow: row wrap;
	/* C.项目在主轴方向上的排列：
	 1.flex-start：沿着主轴开始的位置排
	 2.flex-end：沿着主轴的结束位置排
	 3.center：在主轴上居中
	 4.space-between：两端对齐
	 5.space-around：环绕对齐，拉手对齐*/
	justify-content: space-between;
	/* D.交叉轴上的对齐方式：
	 1.flex-start：交叉轴的起点
	 2.flex-end：交叉轴的终点
	 3.center：交叉轴居中对齐*/
	align-items: stretch;
	/* E.多条轴线对齐：
	 1.flex-start：沿着交叉轴的开始对齐
	 2.flex-end：沿着交叉轴的结束位置对齐
	 3.center：
	 4.space-between：
	 5.space-around：*/
	/* align-content: flex-end; */
	align-content: space-between;
	width: 700px;
	height: 700px;
	border: 1px solid gray;
	margin: auto;
}
.bigbox div{
	width: 200px;
	height: 300px;
	border: 1px solid rebeccapurple;
	font-size: 34px;
	text-align: center;
	line-height: 300px;
}